<template>
  <view class="shop-item" @click="$u.route(`/pages/index/integralShop/shopDetail?id=${item.id}`)">
    <image :src="prefixURL(item.image)" mode=""></image>
    <view class="shop-content">
      <view class="shop-name">{{item.name}}</view>
      <view class="shop-price">{{item.gold}}积分</view>
    </view>
  </view>
</template>

<script setup>
  import { prefixURL } from '../../../util/util';
  const props = defineProps({
    item: {
      type: Object,
      default: () => {}
    }
  })
</script>

<style lang="scss" scoped>
  .shop-item {
    width: 342rpx;
    border-radius: 20rpx;
    overflow: hidden;
    margin-top: 20rpx;

    image {
      width: 100%;
      height: 274rpx;
      display: block;
    }

    .shop-content {
      font-size: 28rpx;
      font-weight: 500;
      color: #000;
      padding: 12rpx 16rpx;
      background: #fff;

      .shop-price {
        margin-top: 14rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #EA0000;

      }
    }
  }
</style>